<template>
  <div class="common-layout">
    <el-container>
      <el-header>总览</el-header>
      <el-main>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="Date" width="180" />
          <el-table-column prop="name" label="Name" width="180" />
          <el-table-column prop="address" label="Address" />
        </el-table>
      </el-main>
    </el-container>
  </div>
</template>

<script setup lang="ts">
const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
]
</script>

<style>
@import '@/assets/common.css';

.content-card {
  background-color: #f5f5f5;
}
.menu-title {
  margin-top: 30px;
  margin-left: 40px;
  width: 100%;
  height: 60px;
  line-height: 40px;
  text-align: left;
  font-size: 20px;
}
</style>
